/*!
 * jQuery UI Bootstrap (0.22)
 * http://addyosmani.github.com/jquery-ui-bootstrap
 *
 * Copyright 2012, Addy Osmani
 * Dual licensed under the MIT or GPL Version 2 licenses.
 *
 * Portions copyright jQuery UI & Twitter Bootstrap
 */


.demoHeaders {
	margin-top: 1.5em;
	margin-bottom: 1em;
}

#dialog_link,#modal_link {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}

#dialog_link span.ui-icon, #modal_link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}

ul#icons {
	margin: 0;
	padding: 0;
}

ul#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}

ul#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}

#buttons button {
	float: left;
	margin-right: 4px;
	color: #DC143C;
}

#components {
	margin: 2em 0 1em;
	width: 900px;
	margin: 0 auto;
	padding: 50px;
}

#dialog2 label, #dialog2 input {
	display: block;
}

#dialog2 label {
	margin-top: 0.5em;
}

#dialog2 input, #dialog2 textarea {
	width: 95%;
}

#tabs2 {
	margin-top: 1em;
}

#tabs2 li .ui-icon-close {
	float: left;
	margin: 0.4em 0.2em 0 0;
	cursor: pointer;
}

#add_tab {
	cursor: pointer;
}

.span10 {
	width: 500px;
	margin-right: 10px;
}

.span12 {
	width: 700px;
	margin-right: 10px;
}

.span4 {
	width: 290px;
}

.ui-widget-overlay {
	width: 500px;
}

.alert-message p{
	line-height:18px;
	margin-bottom:18px;
}

#toolbar {
padding: 10px 4px;
}
              
input[type="text"],
input[type="password"],
.ui-autocomplete-input,
textarea,
.uneditable-input{
  width: 200px;
  height: 25px;
  margin-bottom: 5px;
  margin-left: 5px;
  
}

/** project spe css **/

.header { background: #d2385d url('../img/noise.png?1306856765'); background: url('../img/noise.png?1306856765'), url(''); background: url('../img/noise.png?1306856765'), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d2385d), color-stop(100%, #9b2340)); background: url('../img/noise.png?1306856765'), -webkit-linear-gradient(#d2385d, #9b2340); background: url('../img/noise.png?1306856765'), -moz-linear-gradient(#d2385d, #9b2340); background: url('../img/noise.png?1306856765'), -o-linear-gradient(#d2385d, #9b2340); background: url('../img/noise.png?1306856765'), linear-gradient(#d2385d, #9b2340); position: relative; z-index: 3; }


.loginWrapper { display: table-cell; width: 100%; vertical-align: middle; background: url('../img/login-backdrop.png?1345550946') no-repeat center; }

.loginContainer { width: 300px; min-height: 150px; margin: 0 auto; border-radius: 6px; background: #eeeeee url('../img/noise-light.png?1345550942'); background: url('../img/noise-light.png?1345550942'), url(''); background: url('../img/noise-light.png?1345550942'), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../img/noise-light.png?1345550942'), -webkit-linear-gradient(#ffffff 30%, #e6e6e6); background: url('../img/noise-light.png?1345550942'), -moz-linear-gradient(#ffffff 30%, #e6e6e6); background: url('../img/noise-light.png?1345550942'), -o-linear-gradient(#ffffff 30%, #e6e6e6); background: url('../img/noise-light.png?1345550942'), linear-gradient(#ffffff 30%, #e6e6e6); -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); }
.loginContainer .header { height: 40px; border-radius: 6px 6px 0 0; }
.loginContainer .logo { top: 17px; left: 124px; }
.loginContainer .page { padding: 10px 40px; font-size: 0.75em; }
.loginContainer .page label input { width: 150px; }
.loginContainer .page .button { margin: 2px 0 0; }
.loginContainer .page .forgotPassword { display: inline-block; margin: 15px 0 0; }
.loginContainer .page hr { margin: 10px -10px 5px; }


.page { font-size: 1em; min-height: 100%; position: relative; }
.page .pageContainer { width: 980px; margin: -90px auto 0; padding: 114px 0 144px; position: relative; z-index: 2; }

.layoutSidebar { position: relative; }
.layoutSidebar .page:after { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; right: 0; background: #f2f2f2; margin: 0 0 0 240px; -webkit-box-shadow: -1px 0 0 #dddddd, inset 1px 0 0 white; -moz-box-shadow: -1px 0 0 #dddddd, inset 1px 0 0 white; box-shadow: -1px 0 0 #dddddd, inset 1px 0 0 white; }
.layoutSidebar .mainColumn { float: left; width: 710px; }
.layoutSidebar .sidebar { position: relative; float: right; width: 230px; font-size: 0.875em; }

/* LABELED INPUTS */
.labeled label, .labeled .label { border-left: 32px solid #e1e1e1; background: #fff; margin: 1px 1px 12px; border-radius: 3px; -webkit-box-shadow: 0 0 0 1px #cccccc, 0 2px 0 white; -moz-box-shadow: 0 0 0 1px #cccccc, 0 2px 0 white; box-shadow: 0 0 0 1px #cccccc, 0 2px 0 white; position: relative; display: inline-block; }
.labeled .icon { position: absolute; color: #666; font-size: 16px; top: 16px; left: -25px; }
.labeled input[type=text], .labeled input[type=password], .labeled input[type=date], .labeled input[type=number], .labeled select { border: 0; background: transparent; padding: 10px 7px; color: #d2385d; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.labeled .disabled { background: #e1e1e1; -webkit-box-shadow: 0 0 0 1px #e1e1e1; -moz-box-shadow: 0 0 0 1px #e1e1e1; box-shadow: 0 0 0 1px #e1e1e1; }
.labeled .disabled .icon { color: #999; }
.labeled .disabled input { color: #999; -webkit-text-fill-color: #999; }
.labeled select { padding-right: 22px; background: transparent; -webkit-appearance: none; border-radius: 0; }
.labeled .select:after { content: "\f029"; font-family: "xpenditure"; font-size: 16px; color: #444; position: absolute; top: 10px; right: 5px; pointer-events: none; }
.labeled .select.noIcon { border: 0; }
.labeled .label.amount input { width: 123px !important; }
.labeled .label.amount select { width: 72px !important; }
.labeled label.project { width: 175px !important; }
.labeled label.project .switch { left: auto; right: -25px; }
.labeled .icon.error { background: #e1e1e1; color: #c1272d; line-height: 1; top: 8px; }

.labeled select, x:-moz-any-link { padding-right: 7px; }

.labeled .select:after, x:-moz-any-link { display: none; }

.ie .labeled select { padding-right: 7px; }

.ie .labeled .select:after { display: none; }

/* SIZES */
textarea { width: 90%; max-width: 100%; }

.maxed { max-height: 100px; max-width: 280px; }

input[type=text], input[type=password], input[type=date], input[type=number] { width: 90%; }

input[type=text].xsmall, input[type=password].xsmall, input[type=date].xsmall, input[type=number].xsmall, textarea.xsmall, select.xsmall, label.xsmall { width: 40%; }
input[type=text].small, input[type=password].small, input[type=date].small, input[type=number].small, textarea.small, select.small, label.small { width: 55%; }
input[type=text].medium, input[type=password].medium, input[type=date].medium, input[type=number].medium, textarea.medium, select.medium, label.medium { width: 70%; }
input[type=text].large, input[type=password].large, input[type=date].large, input[type=number].large, textarea.large, select.large, label.large { width: 85%; }
input[type=text].xlarge, input[type=password].xlarge, input[type=date].xlarge, input[type=number].xlarge, textarea.xlarge, select.xlarge, label.xlarge { width: 100%; }



/*------------Tables--------------*/

.table-grid {
	width:90%;
	font-size:14px;
	margin-top:0px;
	color:#3e3e3e;-moz-border-radius: 5px !important;
  	border-collapse: collapse !important;
  	border: none !important;
}
.table-grid th {
	
	height:60px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	background:#B83353;
	text-transform:capitalize;
	text-shadow:#000 2px 2px 2px;
	
}

.table-grid th:first-child {
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
}

.table-grid th:last-child {
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
}

.table-grid th:only-child{
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}



.table-grid td {
	text-align:left;
	padding-left:50px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	line-height:36px;
}

.table-grid tr:hover
{
  background: #fbf8e9;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;     
} 

.table-grid-sub {
	width:100%;
	font-size:14px;
	margin-top:0px;
	color:#3e3e3e;
	
	
}

.table-grid-sub td {
	
	color:#ef1f5b;
	font-size:32px;
	text-align:center;
	font-weight:bold;
	background:url(images/border.png) no-repeat;
	padding-bottom:10px;
	padding-top:5px;
	border-bottom:#c5c5c5 1px solid;
	}

.table-grid-sub td span {
	

	color:#ef1f5b;
	font-size:50px;
	text-align:center;
	font-weight:bold;
	padding-left:4px;
	
	
}

.table-read-more{
	display: block;
	margin-left: auto;
	margin-right: auto;
	
	
}